<template>
  <div class="home-container">
    <HeaderBar />
    <el-row :gutter="10" style="margin: 0">
      <el-col :span="6"><SideMenu /></el-col>
      <el-col :span="12"><MainContent /></el-col>
      <el-col :span="6"><QuickLinks /></el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
  import HeaderBar from '@/components/HeaderBar.vue'
  import SideMenu from '@/components/SideMenu.vue'
  import MainContent from '@/components/MainContent.vue'
  import QuickLinks from '@/components/QuickLinks.vue'
</script>

<style lang="scss" scoped>
  .home-container {
    height: 100vh;
    width: 100%;
  }
</style>
